import * as THREE from 'three';

import '../css/childThree.css'

var threeExample = function () {

    console.log('初始话 three');
    function test1(){
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
    
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        var threeContainer = document.getElementById('threeContainer');
        threeContainer.appendChild(renderer.domElement);
    
        var geometry = new THREE.BoxGeometry(1, 1, 1);
        var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
        var cube = new THREE.Mesh(geometry, material);
        scene.add(cube);
    
        camera.position.z = 5;
    
        var animate = function () {
            requestAnimationFrame(animate);
    
            cube.rotation.x += 0.01;
            cube.rotation.y += 0.01;
    
            renderer.render(scene, camera);
        };
    
        animate();
    }
    return {
        test1:test1
    }
    
}

export default threeExample;
